body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #CDE08E;
	-webkit-user-select: none;
}

@font-face {
    font-family: 'ds-digitalitalic';
    src: url('ds-digii-webfont.eot');
    src: url('ds-digii-webfont.eot?#iefix') format('embedded-opentype'),
         url('ds-digii-webfont.woff') format('woff'),
         url('ds-digii-webfont.ttf') format('truetype'),
         url('ds-digii-webfont.svg#ds-digitalitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bpdotssquaresregular';
    src: url('bpdotssquare-webfont.eot');
    src: url('bpdotssquare-webfont.eot?#iefix') format('embedded-opentype'),
         url('bpdotssquare-webfont.woff') format('woff'),
         url('bpdotssquare-webfont.ttf') format('truetype'),
         url('bpdotssquare-webfont.svg#bpdotssquaresregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.display {
	position : absolute;
	top : 5px;
	left : 5px;
	right : 5px;
	height : 90px;
	overflow : hidden;
}

.displayArg{
	position : absolute;
	top : 0px;
	height : 90px;
	left : 0px;
	width : 40px;
	font-size : 25px;
	font-weight: bold;
	color : white;
	text-shadow:1px 1px 1px gray;
	font-family: 'ds-digitalitalic';
}

.displaySign{
	position : absolute;
	top : 50px;
	height : 35px;
	left : 7px;
	width : 30px;
	font-size : 25px;
	font-weight: bold;
	color : white;
	text-shadow:1px 1px 1px gray;
	
}

.displayInput {
	position : absolute;
	top : 0px;
	left : 0px;
	right : 0px;
	height : 45px;
	background: -webkit-gradient(linear, left top, left bottom, from(#303030),
		color-stop(0.5, #707070), to(#505050));
	font-family: "Tahoma";
	color : white;
	text-align : right;
	font-size: 30px;
}

.displayResult {
	font-family: 'ds-digitalitalic';
	position : absolute;
	top : 45px;
	left : 0px;
	right : 0px;
	height : 45px;
	background: -webkit-gradient(linear, left top, left bottom, from(#505050),
		color-stop(0.5, #707070), to(#303030));
	font-family: "Tahoma";
	font-size : 38px;
	color : white;
	text-align : right;
	font-family: 'ds-digitalitalic';
}

.keypad {
	position : absolute;
	top : 105px;
	left : 0px;
	right : 0px;
	bottom : 0px;
	margin : 0px;
}

.button{
	position : absolute;
	width : 50px;
	height : 25px;
	text-height : 40px;
	font-size: 20px;
	text-align : center;
	-webkit-border-radius : 8px;
	-webkit-box-shadow: 1px 1px 2px 2px rgba(100, 100, 100, 150);
	text-shadow: 1px 1px 2px rgba(100, 100, 100, 120);
	background: -webkit-gradient(linear, left top, left bottom, from(#606060),
		color-stop(0.5, #404040), color-stop(0.5, #303030), to(#101010));
	border:1px solid white;
	vertical-align : middle;
	padding: 0.3em 0.3em;
}

.button:active {
	border:2px solid green;
	background: -webkit-gradient(linear, left top, left bottom, from(#101010),
		color-stop(0.5, #303030), color-stop(0.5, #404040), to(#606060));
}

.number {
	color : blue;
}
.line0 {
	top : 0px;
}
.line1 {
	top : 40px;
}

.line2 {
	top : 80px;
}

.line3 {
	top : 120px;
}

.line4 {
	top : 195px;
}

.line5 {
	top : 245px;
}

.line6 {
	top : 295px;
}

.line7 {
	top : 345px;
}

.col1 {
	left : 15px;
}

.col2 {
	left : 90px;
}

.col3 {
	left : 165px;
}

.col4 {
	left : 240px;
}

.fcol1{
	left: 15px;
}

.fcol2{
	left: 65px;
}
.fcol3{
	left: 115px;
}
.fcol4{
	left:165px;
}

.fcol5{
	left : 215px;
}

.fcol6{
	left : 265px;
}

.funckey{
	font-size:15px;
	height: 20px;
	width:30px;
}

.btnMode{
	width:40px;
	left: 250px;
}